@charset "utf-8";
@import "./_reset";

@function r($px){
	@return $px / 50px * 1rem
}
html,body{
	width: 100%;
	height: 100%;
	// overflow: hidden;
}
.web{
	width: 100%;
	height: 100%;
	position: relative;
	.header_content{
		width: 100%;
		height: r(89px);
		background-color: #b20000;
		position: fixed;
		top: 0;
		left: 0;
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: space-between;
		.left_logo{
			width: r(31px);
			height: r(24px);
			margin-left: r(24px);
			img{
				width: 100%;
				height: 100%;
			}
		}
		.middle_logo{
			display: inline-block;
			width: r(264px);
			height: r(40px);
			img{
				width: 100%;
				height: 100%;
			}
		}
		.search_logo{
			width: r(42px);
			height: r(42px);
			margin-right: r(24px);
			img{
				width: 100%;
				height: 100%;
			}
		}
	}
	.footer_content{
		margin-top: r(5px);
		width: 100%;
		height: r(96px);
		position: fixed;
		right: 0;
		bottom: 0;
		background-color: #f5f5f5;
		border-top: 1px solid #c8c6c7;
		
			li{
			width: 20%;
			height: r(96px);
			float: left;
			background-color: #f5f5f5;
			text-align: center;
			line-height:  r(96px);
				a{
					display: inline-block;
					vertical-align: middle;
					line-height: r(36px);
					color: #8c8c8c;
					.li_img{
						height: r(48px);
						font-size: r(40px);
					}
					p{
						font-size: r(24px);
						// padding: r(5px) 0;
					}
				}
				.active{
					color: red;
				}
		}
		
	}
}
	